import React, { useEffect, useState } from "react";
import { Swiper, Image, NavBar, Toast } from "react-vant";
import { Search } from "@react-vant/icons";
import { useNavigate } from "react-router-dom";
import Banner from "../../../components/Banner";
import ListMy from "../../../components/ListMy";
import "./index.css";
import axios from "axios";
const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <div>
      <div className="home">
        <NavBar
          title="登山"
          leftText={<Search fontSize={20} />}
          rightText="退出登录"
          leftArrow={false}
          onClickLeft={() => navigate("/search")}
          onClickRight={() => navigate("/login")}
        />
        <div className="banner">
          <Banner />
        </div>
        <div className="list">
          <ListMy />
        </div>
      </div>
    </div>
  );
};
export default Index;
